﻿
div#hsplitter
{
	height: 6px;
	background: #A5BACE url(../images/hsplitter.gif) no-repeat center;
	font-size: 10%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #888;
	display:block;
	padding:0;
}

.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

#viewingpane
{
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

.clinicaldocument .documentbody h2
{
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #999;
    padding: 7px;
}

#documentfooter
{
    clear: both;
    position: fixed;
    bottom: 0;
    padding: 0.5em 1em;
    height: 40px;
    width: 100%;
    color: #fff;
    font-size: 1em;
}



#footercontrols
{
    padding-top: 10px;
    position: relative;
    margin-right: 50px;
}

#menu1, #menu2, #menu3
{
    clear: both;
    height: 25px;
}
#menu1, #menu2
{
    color: #fff;
    background: url("../images/clinicaldocuments/menu1background.gif") repeat-x scroll center top #4877A5;
    height: 27px;
    _height: 32px;
    padding-top: 0px;
    padding-bottom: 4px;
    display: block;
}

#menu2
{
    background: url("../images/clinicaldocuments/menu2background.gif") repeat-x scroll center top #5B85B0;
    position: relative;
    height: 21px;
    z-index: 2;
    padding-top: 2px;
    padding-bottom: 0px;
}
#menu2
{
}

#menu3
{
    background: #BFD5EA;
    position: relative;
    padding-top: 3px;
    height: 21px;
}

#menu1 ul, #menu2 ul, #menu3 ul, #documentfooter ul
{
    list-style-type: none;
    z-index: 100;
}
#menu2 ul
{
    z-index: 200;
}

#menu1 ul li, #menu2 ul li, #menu3 ul li
{
    float: left;
    display: block;
    position: relative;
    height: 21px;
}


#menu1 ul li a, #menu2 ul li a, #menu3 ul li a
{
    display: block;
    padding: 6px 5px 0 5px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}


#menu1 ul li a:hover, #menu2 ul li a:hover
{
    color: Yellow;
}

#menu3 ul li a
{
    color: #333;
}
#sensitivitycontainer h2
{
    font-size: 1.5em;
}

#sensitivitycontainer table
{
    width: 100%;
    font-size: 150%;
}
#sensitivitycontainer table td
{
    vertical-align: top;
}

#sensitivityalerts
{
    width: 50%;
    background: #900;
    color: #fff;
}

#patientdemographics
{
    width: 50%;
    background: #fff;
}

#documentcontainer
{
    border: 0px solid #4877A5;
}

#documentheader
{
    background: #4877A5;
    color: #fff;
    height: 50px;
    padding: 10px;
}

.menu ul li ul
{
    left: 10;
    top: 18;
    position: absolute;
    display: block;
    visibility: hidden;
    z-index: 500;
    width: auto;
    white-space: nowrap;
}

.menu ul li ul li ul
{
    left: 200px;
    top: 0;
    display: block;
    visibility: hidden;
    z-index: 500;
    width: auto;
    white-space: nowrap;
}

#menu1 ul
{
}

#menu1 ul li ul
{
    background: #4877A5;
}

#menu2 ul li ul
{
    background: #5B85B0;
}
#menu3 ul li ul
{
    background: #BFD5EA;
}

/* Submenu -> horizontal */
.menu ul li ul
{
    width: 200px;
    float: none;
}
.menu ul li ul li
{
    float: none !important;
    padding-right: 20px;
    position: relative;
}

.menu ul li ul li a
{
    color: #fff;
}

#documentfooter ul li
{
    color: #fff;
    float: right;
    position: relative;
    cursor: pointer;
    margin-right: 20px;
    font-weight: bold;
    padding: 5px 10px;
}


#documentfooter ul li .selected
{
    font-weight: bold !important;
}

.popup
{
    position: absolute;
    background: #fff;
    border: 1px solid #4877A5;
    width: auto;
    white-space: nowrap;
    padding: 10px;
    z-index: 100;
}

ul.popup
{
    display: none;
    left: 0;
    background: #fff;
    margin-left: -1px;
}

.popup a
{
    color: #333333;
    text-decoration: none;
}

.popup a:active
{
    color: #336699;
}

.popup a:hover
{
    color: #336699;
}


ul.popup
{
    list-style-type: none;
}

ul.popup li
{
    margin-bottom: 5px;
    float: left !important;
    clear: both;
    color: #333 !important;
    padding: 0 !important;
    font-weight: normal !important;
    list-style-type: none;
}

.floatleft
{
    float: left !important;
}

.floatright
{
    float: right;
}

#quicknav
{
    float: right;
    margin: 0 !important; /*2px 20px 0 0;*/
}


#patientdemographics, #sensitivityalerts
{
    padding: 5px;
    font-size: 0.7em;
}

#patientdemographics label, #sensitivityalerts label
{
    float: left;
    width: 105px;
}


#patientlabel_top, #alerts_top
{
    height: 40px;
}

#patientlabel_bottom, #alerts_bottom
{
    height: 70px;
    display: none;
}

#patientlabel_top_right
{
    text-align: right;
}


#documentlistcontainer
{
    overflow-y: scroll;
    overflow-x: hidden;
    width:100%
}

.documentlistfooter
{
    padding: 5px;
    border-top: solid 1px #4877A5;
}

#divDocuments
{
    font-size: 0.9em;
    overflow: hidden;
}

#documentlist tr td, #documentlist tr th, #MRUList tr td, #MRUList tr th,.MRUList tr td, .MRUList tr th
{
    padding: 2px 5px 2px 5px;
    height: 16px;
}

.hidden
{
    display: none;
}

.completelyhidden
{
    visibility: hidden !important;
    display: none !important;
}

.ajaxprogress
{
    padding-top: 200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url("images/ajax-loading-1.gif") 50% 50% no-repeat;
}
.ajaxprogress_small
{
    padding-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    background: url("images/ajax-loading-1.gif") 50% 50% no-repeat;
}


#documentfooter li.active
{
    color: #336699 !important;
    background: #fff;
}

#documentfooter li.disabled
{
    color: #aaa !important;
    background: #369;
    cursor: default;
}


.modal p
{
    margin: 10px;
}

#documentHistoryList tr.revoked
{
    background-color: #FFEEEE;
    color: #990000;
}

#documentHistoryList tr.selected
{
    font-weight: bold;
}

#LoginWrapper
{
    position: fixed;
    height: 100%;
    _height: 1200px;
    _padding-bottom: 1200px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 800001; /*  in order to appear above the Sensitive Tests popup */
    text-align: center;
}

#logincontainer
{
    margin-top: 20px;
    font-size: 120%;
    width: 46em;
    margin-left: auto;
    margin-right: auto;
}


#loginbox
{
    border: 1px solid #638CB5;
    margin-bottom: 15px;
    width: 30em;
    margin-left: 8em;
}

#logincontainer label
{
    float: left;
    width: 115px;
    text-align: right;
    font-weight: bold;
    margin-right: 10px;
}

#logincontainer p
{
    margin: 3px 0;
    text-align: center;
}
#logincontainer h4
{
    margin: 3px 0;
    text-align: center;
}
#logincontainer .textbox
{
    width: 200px;
    float: left;
}


#logincontainer .dropdown
{
    width: 204px;
}


.loginheading
{
    background: #638CB5;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}

.logincontents
{
    padding: 0 10px 10px 10px;
}
.logincontents p
{
    text-align: left;
}
.logincontents fieldset
{
    border: none;
}
.logincontents #errormessage
{
    color: #f00;
}

.changepasswordlink
{
    cursor: pointer;
    color: #00f;
    font-weight: bold;
    text-decoration: underline;
}

.menu ul li ul li.submenucontainer
{
    background-image: url("images/arrow-white.gif");
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

#menu3 ul li ul li.submenucontainer
{
    background-image: url("images/arrow-black.gif");
}

.Clock
{
    display: inline;
    padding-top: 5px !important;
    width: 100% !important;
}


#menu1 ul li .Clock
{
    padding: 6px 10px;
    padding: 0px !important;
    color: #fff;
    display: block;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

#menu1 ul li #mainmenulinks a
{
    padding: 0;
    color: #fff;
    display: inline;
    font-weight: bold;
    text-decoration: none;
}


#topmenutable td
{
    vertical-align: top;
}

.topmenucontainer
{
    background: #BFD5EA url(../images/clinicaldocuments/menubackground.gif) top left repeat-x;
}

li.dynamicmenu
{
    height: 18px;
}

.clearfix:after
{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

.normalweight
{
    font-weight: normal !important;
}

.clearboth
{
    clear: both;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}


.clinicaldocument-list
{
    border-collapse: collapse;
    width:100%
}

.clinicaldocument-list thead tr
{
    background-color : #5D7B9D;
    color: #FFF;
}

.clinicaldocument-list tbody tr
{
    color: #333;
    cursor: pointer;
    background:#f5f5f5;
}
.clinicaldocument-list tbody tr.alt
{
    background:#fefefe;
    }


.clinicaldocument-list tbody tr:hover
{
    background-color: #DAE7F3;
}


.clinicaldocument.edit,
.clinicaldocument.review
{
    border-color: #FF9000;
}


.clinicaldocument .documentbody
{
    overflow-y: scroll;
    overflow-x: hidden;
}

.clinicaldocument .documentbody iframe
{
    width: 100%;
    border: none;
}

.clinicaldocument .documentbody ul.requestlist
{
    margin: 0;
    padding: 0;
}
.clinicaldocument .documentbody ul.requestlist li
{
    list-style-type: none;
    margin-left: 20px;
}


.clinicaldocument .documentheader
{
    padding: 4px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.view .documentheader
{
    background-color: #E1EFFF;
    border-bottom-color: #3366FF;
}

.edit .documentheader
{
    background-color: #FFEFE1;
    border-bottom-color: #FF9000;
}

.view .section-header-title
{
    background-color: #E1EFFF;
}

.edit .section-header-title
{
    background-color: #FFEFE1;
}

.documenttitle
{
    border-bottom: 1px solid #3366FF;
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 4px;
    margin-bottom: 4px;
    padding: 4px;
}

.clinicaldocument h1
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 4px;
    font-size: 1.2em;
}

.clinicaldocument.view h1
{
    background-color: #E1EFFF;
    border-bottom-color: #3366FF;
}

.clinicaldocument.edit h1, .clinicaldocument.review h1
{
    background-color: #FFEFE1;
    border-bottom-color: #FF9000;
}


.edit.documentheader
.review.documentheader
{
    background-color: #FFEFE1;
    border-bottom-color: #FF9000;
}

.documentheader ul
{
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.documentheader ul li
{
    list-style-type: none;
    margin: 2px;
}

.documentdetails
{
    float: left;
    padding: 0 5px;
}

.patientdetails
{
    float: right;
    margin-right: 200px;
}
.documentheader .patientinfo
{
    float: left;
    margin-right: 20px;
}
.documentheader .patientaddress
{
    float: right;
}
.patientmatch
{
    float: left;
}

table.requestdetails
{
    width: 100%;
    height: 100%;
    margin-top: 33px;
}

table.requestdetails td
{
    vertical-align: bottom;
}

table.requestdetails td p
{
    padding-bottom: 5px;
    margin: 0;
}
table.requestdetails td .documentheaderlabel
{
    width: 70px;
}

.fullwidth
{
    width: 100%;
}


.boxed-section
{
    border: 1px solid #999;
    margin-top:5px;
    margin-bottom:5px;
    padding-bottom: 10px;
    overflow: hidden;
}

.first-in-list
{
    border-top-width: 0px;
}
.content-left
{
    float: left;
}
.content-right
{
    float: left;
}
.header-reduce-emphasis
{
    color: #999;
    font-style: italic;
    min-width: 150px;
    width: 150px;
}
.header-increase-emphasis
{
    font-weight: bold;
    min-width: 150px;
    width: 150px;
}
.emphasis-reduce
{
    color: #999;
    font-style: italic;
}
.padd-left
{
    padding: 0px 0px 0px 10px;
}
.padd-all
{
    padding: 10px 10px 10px 10px;
}
.right-col
{
    position: absolute;
    left: 400px;
}
.right-align-label
{
    display: inline-block;
    width: 100px;
    text-align: right;
}

.text-box-content-read-only, .inline-content
{
    display: block;
    padding: 7px;
    margin-bottom: 0px;
    border-top-width: 0px;
}

.text-box-content-read-only, .inline-content > label
{
    font-weight: bold;
    margin-right: 10px;
}

.text-box-content-read-only, .inline-content > p
{
    margin-left: 10px;
}

.table-list-section
{
    padding: 0px;
}
.emphasis
{
    font-weight: bold;
}
.alignTop
{
    vertical-align: top;
}
.footNoteText
{
    font-size: 11px;
}

.border-right
{
    border-right: 1px solid #333;
}
.border-top
{
    border-top: 1px solid #333;
}
.border-left
{
    border-left: 1px solid #333;
}
.border-bottom
{
    border-bottom: 1px solid #333;
}
.border-bottom-emphasis-reduce
{
    border-bottom: 1px solid #999;
}
.selected-field
{
}
.de-selected-field
{
    color: #999;
}

ul li.selected-field
{
    list-style-image: url(../images/tick.png);
}
ul li.de-selected-field
{
    list-style: none;
}



.sub-section-heading
{
    font-weight: bold;
    margin-left: 10px;
}


.showdocumentlist .hidedocumentlist
{
    width: 19px;
    height: 17px;
}

table td.selected-field
{
    background: url(../images/tick.png) 10px 0px no-repeat;
}


.clinicaldocument.edit h2, .clinicaldocument.review h2 
{
    background: #FFEFE1;
}

.clinicaldocument.view h2
{
    background: #E1EFFF;
}

.menu
{
    margin: 0 !important;
}

span.disabled
{
    color: #aaa !important;
}

#maincontentcontainer #maincontent
{
    padding: 0px;
}

.sensitivitystatus
{
    text-transform: uppercase;
    color: #FFF;
}

.sensitivitybutton
{
    color: Yellow;
    text-decoration: underline;
    cursor: pointer;
}


td.icons
{
    white-space: nowrap;
}
td.icons img
{
    margin-right: 5px;
}

span.tooltip
{
    font-weight: bold;
    color: #fff;
}

#headerarea
{
    background: #fff;
}


#document-left-toolbar
{
    position: relative;
    float: left;
    height: 100%;
    display: block;
    width: 25px;
    background: #A5BACE;
    z-index: 15;
}

#document-left-toolbar button{
    height:25px;
    width:25px;
    padding:0;
    margin: 1px 0;   
    background-color:#A5BACE;
    border-left-width: 0px;
    
}

#document-left-toolbar a
{
    margin-top: 1px;
    margin-bottom: 1px;
    width:24px;
    float: left;
    position: relative;
    z-index: 16;
    border: Solid 1px #888888;
    border-left-width: 0px;
}

#document-left-toolbar a:hover
{
    border-right-color: Orange;
    border-right-width: 2px;
}

#documentlist
{
    background-color: #fff;
    border: 1px solid #4877A5;
    margin: 2px;
    position: absolute;
    display: block;
    float: left;
    width: 98%;
    left: 25px;
    z-index: 5;
}

#document-list-toolbar
{
    padding: 5px;
    background-color: #A5BACE;
}

#document-list-unpinned, #document-list-pinned
{
    float: right;
    width: 16px;
    cursor: pointer;
}

ul.documenthistory table
{
    width: 330px;
}

ul.documenthistory table tr
{
    margin-bottom: 5px;
}
ul.documenthistory table td
{
    vertical-align: top;
    padding: 3px 0;
}

.documenthistoryheader_date
{
    width: 60px;
}
.documenthistoryheader_author
{
    width: 80px;
}
.documenthistoryheader_description
{
    width: 100px;
}


td.documenthistoryheader
{
    border-bottom: 1px solid #638CB5;
}

tr.filteredout
{
    display: none;
}

#documentuploadcontainer
{
    clear: both;
}

#loading
{
    text-align: center;
    margin-top: 10px;
}

.documentFooter
{
    border-top-style: solid;
    border-top-width: 2px;
}

.view .documentFooter
{
    border-top-color: #3366FF;
}

.edit .documentFooter, .review .documentFooter
{
    border-top-color: #FF9000;
}

.documentControls
{
    float: right;
    padding: 0 50px 0 0;
    position: relative;
}

button, .button, input[type=submit], input[type=button]
{
    padding: 5px;
}


#documentfilteroptions
{
    padding: 5px 10px;
    width: 680px;
}
#documentfilteroptions label, #documentlistcolumnoptions label
{
    float: left;
    width: 120px;
}

#documentlistdisplaytype span, #documentlistdisplaycontrols span
{
    color: #336699;
    font-weight: bold;
    cursor: pointer;
}

#documentlistfilterlabel
{
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0;
}


#documentfilteroptions p, #documentlistcolumnoptions p
{
    margin: 5px 0;
}

#documentfilteroptions p.heading, #documentlistcolumnoptions p.heading
{
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 10px;
}

#documentfilteroptions .dropdownlist
{
    width: 180px;
}

#documentfilteroptions .date
{
    width: 80px;
}

#documentfilteroptions .formitem, #documentfilteroptions label, #documentlistcolumnoptions label
{
    padding: 3px;
}

.documentSign
{
    display: block;
    border-top: solid 2px #FF9000;
}

#sign-document-form label
{
    margin: 2px;
    float: left;
    clear: both;
    width: 200px;
    display: block;
}

#sign-document-form fieldset input[type=text], #sign-document-form input[type=password]
{
    width: 200px;
}

#sign-document-form fieldset input
{
    margin: 2px;
    float: left;
    display: block;
}

#sign-document-form fieldset textarea
{
    margin: 2px;
    float: left;
    height: 40px;
    width: 270px;
    display: block;
    clear: none;
}

#sign-document-form fieldset
{
    display: inline-block;
    width: 49%;
    height: 130px;
    margin: 3px;
    vertical-align: top;
}

#documentlistcolumnoptions p
{
    margin: 8px 0;
}


#documentfilteroptions .leftcontent,
#documentfilteroptions .rightcontent,
#documentfilteroptions .documentlistfilterbuttons,
#documentlistcolumnoptions .documentlistfilterbuttons
{
    width: 310px;
}
#documentfilteroptions .leftcontent
{
    margin-right: 5px;
    padding-right: 5px;
}
#documentfilteroptions .documentlistfilterbuttons,
#documentlistcolumnoptions .documentlistfilterbuttons
{
    clear: both;
    margin-top: 10px;
}

.vertical
{
    -moz-transform: rotate(-270deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-270deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-270deg);
    -o-transform-origin: bottom left;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

button.vertical
{
    height: 96px;
    width: 24px;
}

.documentFooter
{
    padding: 5px;
}

#documentActions button,
#documentActions .button
{
    width: 115px;
    text-align: left;
    margin: 0;
}

#documentActions 
{
    margin:3px; 
    display:none; 
    bottom:23px;
    left: 83px;
}

#documentHistoryList
{
    margin:3px; 
    display:none; 
    bottom:23px;
    right:0px;
}

#documentHistoryList table
{
    width: 100%;
}

.documentFooter a.button
{
    margin: 0;
}


.xforms-loading-loading
{
    display: none;
}

.clinicaldocument fieldset
{
    padding: 0;
    margin: 5px 0;
    border: 1px solid #999999;
}

.clinicaldocument fieldset legend
{
    margin: 0 -1px;
    padding: 0;
    display: block;
    width: 100%;
    border: 1px solid #999999;
    color: #333333;
    font-weight: bold;
    background-color: #ffefe1;
    color: #333333;
    /*text-indent and line-height are used instead of padding due 
    the the inadequacies of legend styling*/
    text-indent: 10px;
    line-height: 25px;
}

.clinicaldocument fieldset label
{
    display: inline-block;
    width: 170px;
    color: #333333;
    margin: 5px 10px;
}

.clinicaldocument.view .documentheader label
{
    display: inline-block;
    width: 90px;
    color: #333333;
}


.clinicaldocument.view .documentbody label,
.clinicaldocument.review .documentbody label
{
    display: inline-block;
    width: 38%;
    color: #333333;
    margin: 5px 2%;
    vertical-align: top;
}

.clinicaldocument.view .documentbody label + span,
.clinicaldocument.review .documentbody label + span
{
    display: inline-block;
    width: 55%;
    margin: 5px 0;
}

.clinicaldocument h3
{
    clear: both;
    font-size: 1em;
    color: #333333;
    font-weight: bold;
    margin: 5px 0;
}

.clinicaldocument h4
{
    clear: both;
    font-size: 1em;
    color: #333333;
    font-weight: normal;
    margin: 5px 10px;
}


.clinicaldocument fieldset textarea:before label
{
    display: block;
}


.clinicaldocument fieldset table span > label
{
    text-align: center;
    width: 50px;
}

.multi-select-row span > span
{
    display: inline-block;
    width: 50px;
}

.clinicaldocument fieldset select,
.clinicaldocument fieldset input[type=text]
{
    
    width: 200px;
    margin:2px;
    padding:2px 0 2px 5px;
}

.clinicaldocument fieldset select option
{
    padding:2px 0 2px 5px;
    
}

.clinicaldocument fieldset textarea
{
    margin: 5px 10px;
    width:75%;
    clear: both;
    float:left;
    height:32px;
}

.xbl-nhs-discharge-details textarea
{
    float:none !important;    
}

.list-form-buttons-container
{
float:left;   
margin-top:4px; 
    }

.clinicaldocument fieldset ul
{
    margin: 5px 10px;
    clear: both;
}

.clinicaldocument fieldset ul li
{
    list-style: none;
}

.documentFooter a.button,
.editDocumentButton                 {    background-image: url("../images/icons16/document-edit.png");}
#printDocumentButton                {    background-image: url("../images/icons16/document-print.png");}
#historyDocumentButton              {    background-image: url("../images/icons16/document-history.png");}
#revokeDocumentButton               {    background-image: url("../images/icons16/document-revoke.png");}
#saveDocumentButton, button.save                 {    background-image: url("../images/icons16/document-save.png");}
#countersignDocumentButton          {    background-image: url("../images/icons16/countersign.png");}
#nextStepDocumentButton             {    background-image: url("../images/icons16/document-next.png");}
#previousStepDocumentButton         {    background-image: url("../images/icons16/document-previous.png");}
#hideDocumentListFilterButton       {    background-image: url("../images/icons16/arrow_up.png");}
#applyDocumentListFilterButton      {    background-image: url("../images/icons16/document-list-apply-filter.png");}
#hideDocumentListColumnsButton      {    background-image: url("../images/icons16/arrow_up.png");}
#applyDocumentListColumnsButton     {    background-image: url("../images/icons16/document-list-apply-filter.png");}
#previousDocumentButton             {    background-image: url("../images/icons16/document-previous.png");}
#nextDocumentButton                 {    background-image: url("../images/icons16/document-next.png");}
#closeDocumentButton,
#closeDocumentButtonReadOnly,
#closeDocumentButtonPrint,
#closeDocumentButtoniFrame          {    background-image: url("../images/icons16/document-close.png");}
#resetDocumentListFilterButton      {    background-image: url("../images/icons16/document-list-clear-filter.png");}
#showfilterbutton                   {    background-image: url("../images/icons16/document-list-filter.png");}
#documentActionButton               {    background-image: url("../images/icons16/document-actions.png");}
#editdocumentlistcolumnsbutton      {    background-image: url("../images/icons16/document-edit-columns.png");}
button.add                          {    background-image: url("../images/icons16/add.png");}
button.update                       {    background-image: url(../images/icons16/accept.png);}
button.import                       {    background-image: url(../images/icons16/accept.png);}
button.reset                        {    background-image: url(../images/icons16/reset.png);}
button.remove, input.remove         {    background-image: url(../images/icons16/delete.png);}
button.download                     {    background-image: url(../images/icons16/folder_explore.png);}
button.edit, input.edit             {    background-image: url(../images/icons16/pencil.png);}
button.moveup, input.moveup         {    background-image: url(../images/icons16/bullet_arrow_up.png);}
button.movedown, input.movedown     {    background-image: url(../images/icons16/bullet_arrow_down.png);}
button.movetop, input.movetop       {    background-image: url(../images/icons16/bullet_arrow_top.png);}
button.movebottom, input.movebottom {    background-image: url(../images/icons16/bullet_arrow_bottom.png);}
button.ok, input.ok                 {    background-image: url(../images/tick.png);}
button.cancel, input.cancel         {    background-image: url(../images/icons16/document-close.png);}
#duplicateDocumentButton            {    background-image: url(../images/icons16/document_duplicate.png);}




.clinicaldocument .documentbody fieldset .actions button.action{
    background-image: url(../images/icons16/bolt.png);
    margin: 2px;
    width: 16px;
    height: 16px;
    border: none 0;
    padding: 0;
    background-position: 50% 50%;
    background-color: red;
}

.clinicaldocument .documentbody fieldset .actions .action-list button
{
    text-align: left;
    width: 127px;
}

.clinicaldocument .documentbody fieldset .actions button:hover
{
    border-color: Orange;
}

.clinicaldocument .documentbody fieldset .actions .action-list
{
    position: absolute;
    border: solid 1px #4877A5;
    background-color: #fff;
    display: none;
    z-index: 100;
    width: 148px;
}

.clinicaldocument .documentbody fieldset .actions .action-list button
{
    display: block;
}

.uploaddocumentlink
{
    cursor:pointer;
    font-weight:bold;
}

#documentActions li
{
    list-style-type:none;    
    margin-bottom:5px;
}

.xforms-select-appearance-full label
{
    width: auto;
}

.xforms-select1-appearance-full label
{
    float: none !important;
}

span.xforms-select1-appearance-full span > label > input[type=radio]
{
    margin-right: 8px;
}

.clinicaldocument.view .documentbody table, 
.clinicaldocument.review .documentbody table,
.clinicaldocument .documentbody fieldset table
{
    border: 1px solid #999999;
    border-collapse: collapse;
    margin: 5px 1% 0 1%;
    width: 98%;
}


.clinicaldocument .documentbody fieldset table.scrollable thead tr
{
    display: block;
}

.clinicaldocument .documentbody fieldset table.scrollable tbody
{
    display: block;
    height: 100px;
    overflow: auto;
}

.clinicaldocument .documentbody thead th
{
    padding: 5px;
    border-bottom: 1px solid #999999;
    color: #333333;
    font-weight: bold;
}

.yui-overlay
{
    zoom: 1;
    -ms-zoom: 1;
}

.clinicaldocument .documentbody thead td
{
    padding: 5px;
    border-bottom-width: 2px ;
    border-bottom-style: solid;
    color: #333333;
    font-weight: normal;
    font-style: italic;
    background-color: #EEEEEE;
}

.clinicaldocument.edit .documentbody thead th,
.clinicaldocument.review .documentbody thead th
{
    background-color: #E1EFFF;
}

.clinicaldocument.edit .documentbody thead th,
.clinicaldocument.review .documentbody thead th 
{
    background-color: #FFEFE1;
}

.clinicaldocument.edit .documentbody thead td,
.clinicaldocument.review .documentbody thead td
{
    border-bottom-color: #FF9000;
}

.clinicaldocument.view .documentbody thead th 
{
    background-color: #E1EFFF;
}

.clinicaldocument.view .documentbody thead td
{
    border-bottom-color: #3366FF;
}


.clinicaldocument .documentbody tr
{
    background-color: #FFF;
}

.clinicaldocument .documentbody tr.alt-row
{
    background-color: #EEEEEE;
}

.clinicaldocument .documentbody td
{
    padding: 5px;
}
/*
.clinicaldocument .xforms-repeat-selected-item-1,
.clinicaldocument .xforms-repeat-selected-item-2,
.clinicaldocument .xforms-repeat-selected-item-3,
.clinicaldocument .xforms-repeat-selected-item-4
{
   background-color: blue !important;
} 
*/

.clinicaldocument .boxed-section div > ul
{
    margin-top: 5px; margin-bottom: 5px;
    margin-left : 0
}

.clinicaldocument .boxed-section div > ul li
{
    margin-left: 0; 
}

#sign-document-form .field-validation-error {
    float: left;
    color: red;
    margin-left: 5px;
    padding: 2px;
}

li.groupcontainer
{
    cursor:pointer;   
    
    background: transparent url(../images/v_arrow.gif) center right no-repeat;     
    background-position:250px 50% !important;
}

li.groupcontainer ul
{
   margin-left:250px; 
   margin-top:-15px; 
}

#newdocumentlist 
{
    float:left;
    display:none;
    left:27px;
    width:260px;
    padding:0px !important;
    background-color:#f8f8ff;
}

#newdocumentlist li
{
    margin:0px !important;
    padding:3px 10px !important;  
    width:240px !important;
}

#newdocumentlist li:hover
{
    background-color: #DAE7F3;
}

#newdocumentlist a
{
    border-width:0 !important;
float:none !important;
    
}
#newdocumentlist .popup
{
left:10px;    
}

fieldset#sign-document-form-options label,
fieldset#sign-document-form-options input
{
    clear: none;
    float: none;
    display: inline-block;
}

fieldset#sign-document-form-options label
{
    width: 150px;
}

fieldset#sign-document-form-options input
{
    margin-right: 8px;
}

.clinicaldocument.view p
{
    margin: 5px 10px;
}


.clinicaldocument fieldset .xbl-fr-tabview {
    margin: 5px 10px;
}

ul.yui-nav
{
    margin: 0px !important;    
}


.clinicaldocument.edit fieldset button 
{
    margin: 5px -5px 5px 10px;
}

.clinicaldocument.edit .yui-navset.yui-navset-top .yui-nav {
    -moz-border-image: none;
    border-color: #FF9000;
    border-style: solid;
    border-width: 0 0 2px;
}

.clinicaldocument.edit .yui-navset.yui-navset-top .yui-nav {
    -moz-border-image: none;
    border-color: #FF9000;
    border-style: solid;
    border-width: 0 0 2px;
}

.clinicaldocument.edit .yui-navset.yui-navset-top .yui-content {
    -moz-border-image: none;
    border: 1px solid #999999;
    border-top-width: 0px;
    background-color: #FFF9F4;
    padding: 10px 0;
}

.clinicaldocument.edit .yui-navset .yui-nav .selected a, 
.clinicaldocument.edit .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover {
    background: url("../images/ClinicalDocuments/xforms-sprite-edit.png") repeat-x scroll left -1400px #FF741E;
}
.clinicaldocument.edit .yui-navset .yui-nav a:hover, 
.clinicaldocument.edit .yui-navset .yui-nav a:focus {
    background: url("../images/ClinicalDocuments/xforms-sprite-edit.png") repeat-x scroll left -1300px #FFB387;
}

.clinicaldocument.edit .yui-navset .yui-nav a,
.clinicaldocument.edit .yui-navset .yui-nav a em {
    color: #333;
}

.clinicaldocument.edit .yui-navset .yui-nav .selected a,
.clinicaldocument.edit .yui-navset .yui-nav .selected a em {
    border-color: #A04713;
    color: #fff;
}

.xforms-loading-loading {
    background-color: #CC4444;
    color: #FFFFFF;
    display: none;
    padding: 2px;
    position: absolute;
    right: 2em;
}


/*
.yui-navset {
    position: static !important;
}

.calhead {
    position: static !important;
}

.yui-calendar .calheader {
    position: static !important;
}
*/

.yui-overlay, .yui-panel-container {
    position: absolute;
    visibility: hidden;
    z-index: 2;
}


.clinicaldocument li.xforms-repeat-selected-item-1
{
    background-color: #FFFFFF;
}

.sign-document-hover-area
{
    float:left; font-size:14px; margin-top:5px; margin-left:20px; font-weight:bold; cursor:pointer;
}

.documentControlContainer:hover
{
    background:#dae7f3;    
}

.xbl-nhs-patient-characteristics input
{
    width:60px !important;    
}


.xbl-nhs-patient-characteristics label
{
    width:80px !important;    
}

#RecentDocumentsOfType
{
    cursor:default;    
}
#RecentDocumentsOfType #MRUList tr.MRUList
{
    cursor:pointer;    
}

#MRUContainer
{
    margin: 10px;
}



#MRUList, table.MRUList
{
    border: 1px solid #4877A5;
}

#MRUList td,.MRUList td
{
    text-align:left;    
}

#dochistory tr.documentrow:hover
{
    background-color: #A5BACE;
    cursor: pointer;
}

.boldpaddedlabel
{
	font-weight:bold;
	padding-left:20px;
	padding-right:20px;
}

.prescribedbylabel
{
	font-weight:bold; 
	padding-left:20px;
	padding-right:20px;
}

.contactdetailslabel
{
	font-weight:bold; 
	padding-left:20px;
	padding-right:20px;
}

.pharmacistchecklabel
{
    font-weight:bold; 
	padding-right:20px;
}


.yui-calcontainer {
    float: none !important;
}

.yui-calendar .calheader a{
    /*
    line-height: 0 !important; 
    font-size: 0 !important;
    text-indent: 0 !important;
    */
 }


select.expand {
    width: auto;
}

button.warning {
    background-color: #990000;
    border: none;
    color: white;
    padding: 1px;
    height: 18px;
    margin: 0px;
}

.documentheader button.warning {
    cursor: default;
}

.blockOverlay
{
border-radius: 5px 5px 5px 5px;
}
.blockUI 
{
  cursor:default;    
    }
.modal {
    background-color: #FFFFFF;
    border: 1px solid #4877A5;
    border-radius: 7px 7px 7px 7px;
    color: #333333;
    font-size: 1em;
    padding: 0;
    cursor:default;
}

.modal h1 {
    background-color: #A5BACE !important;
    border-bottom: 1px solid #4877A5 !important;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    color: #333333;
    font-size: 1em;
    margin: 0;
    padding: 5px;
    text-align: left;
}

.errormessage {
    color: #990000;
    margin-top: 4px;
    padding: 2px;
    font-weight: normal;
    font-size: 1em;
}

.modal p {
    margin:10px;
    font-size: 1.2em;
    text-align: left;
}

.modal div.modalbuttons {
    color: #990000;
    font-size: 1em;
    font-weight: bold;
    margin: 10px;
    text-align: right;
}

.requireddoclet
{
    color:red;
    float:right;
    margin-top:-20px;
    margin-right:10px;
}

#AlertModal
{
    padding-bottom:10px;    
}

#AlertModalMessage
{
    padding:20px;    
}
tr.clinicalcheck td label
{
    width:auto !important;    
    margin-left: 0px !important;
}

.wide label
{
    width:235px !important;    
}


#docletcontents, .docletcontents
{
    padding:10px;
    @height:107px;
    @overflow:scroll;
}


.gridcontainer
{
    height:120px;
    overflow:scroll;
}

textarea.txtmodal{
    border: 1px solid #4877A5;
    border-radius: 4px;
    padding: 5px;
    width: 420px;
    
}

tr.highlight
{
    color:#999 !important;    
    background: #FFEFE1  !important;
}

tr.highlight button,tr.highlight a
{
    visibility:hidden;
}

span.addData
{
    text-decoration:underline;
    color:#4877A5;
    
}

.xforms-repeat-template,
.xforms-template,
.xforms-repeat-delimiter,
.xforms-repeat-begin-end,
.xforms-group-begin-end,
.xforms-disabled-subsequent,
.xforms-case-begin-end,
.xforms-case-deselected-subsequent {
display: none;
}


.collapsible_arrow
{
float:right;    
margin :-20px 10px 0 10px; 
display:block;
height:15px;
width:15px;

}

.collapsible_arrow_down
{
    background:transparent url(../images/Downarrow.gif) no-repeat center;
}

.collapsible_arrow_up
{
    background:transparent url(../images/Uparrow.gif) no-repeat center;
}
